<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        .form_div {
            margin: 5% 20%;
            width: 330px;
        }

        div {
            margin-top: 20px;
        }

        input,
        textarea {
            outline: none;
            margin-left: 10px;
        }
    </style>
</head>

<body>
    <div class="form_div">
        <form action="">
            <h2>会员注册</h2>
            <div>姓&emsp;&emsp;名: <input type="text" placeholder="请输入姓名" autofocus><br></div>
            <div>密&emsp;&emsp;码: <input type="password" placeholder="请输入密码"><br></div>
            <div>邮&emsp;&emsp;箱: <input type="email" placeholder="请输入邮箱"><br></div>
            <div>性&emsp;&emsp;别: <input type="radio" name="Sex" checked>男<input type="radio" name="Sex">女</div>
            <div>爱&emsp;&emsp;好: <input type="checkbox">唱歌&emsp;<input type="checkbox">跳舞&emsp;<input type="checkbox">读书
            </div>
            <div>个人头像: <input style="width: 200px;" type="file" name="" id=""></div>
            <div>生&emsp;&emsp;日:
                <select style="margin-left: 10px;">
                    <option value="">请选择</option>
                    <option value="">2023</option>
                    <option value="">2022</option>
                    <option value="">2021</option>
                    <option value="">2020</option>
                    <option value="">2019</option>
                    <option value="">2018</option>
                    <option value="">2017</option>
                    <option value="">2016</option>
                </select>年
                <select name="" id="">
                    <option value="">……</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                </select>月
                <select name="" id="">
                    <option value="">……</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                </select>日
            </div>
            <div><span style="vertical-align: top;">个人描述: </span><textarea style="resize: none;" cols="30"
                    rows="10"></textarea></div>
            <div style="text-align: center;"><input type="checkbox">&nbsp;<span>同意注册协议</span></div>
            <div style="text-align: center;"><input type="submit" value="提交查询">&emsp;<input type="reset" value="重置">
            </div>
        </form>
    </div>
</body>

</html>